<template>
  <el-tooltip effect="dark" :content="props.title" placement="bottom">
    <div class="header-icon" @click="emitClick">
      <el-icon>
        <component :is="props.icon"></component>
      </el-icon>
    </div>
  </el-tooltip>
</template>
<script lang="ts" setup>
const props = defineProps({
  title: {
    type: String,
    default: ''
  },
  icon: {
    type: String,
    default: ''
  },
})
const emit = defineEmits(['emitClick'])
const emitClick = () => {
  emit('emitClick')
}
</script>
<style lang="scss">

</style>
